<template>
  <div>
    <table border="0" cellPadding="0" cellspacing="0">
      <thead>
        <tr>
          <th>设备</th>
          
          <th>异常描述</th>
          <th>分配时间</th>
          <th>处理时间</th>
          <th>处理人</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(item, index) in items" :key="index">
          <td>{{ item.name }}</td>
          <td>
            <button class="tips">{{ item.text }}</button>
          </td>
          <td>{{ item.time }}</td>
          <td>
            {{item.endTime}}
          </td>
          <td>
            {{ item.userName }}
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>
<script>
import { Dialog } from "vant";

export default {
  name: "checkDoneList",
  components: {
    [Dialog.Component.name]: Dialog.Component,
  },
  props: {},
  data() {
    return {
      items: [
        {
          name: "精车3",
          equipment: "油雾装置",
          text: "喷油管没有固定好",
          status: 1,
          userName: "姜淑华",
          time: "2021-12-03",
          endTime:'2021-12-04',
        },
        {
          name: "精车3",
          equipment: "精车空调",
          text: "空调表面不整洁",
          status: 1,
          userName: "王雪建",
          endTime:'2021-12-04',
          time: "2021-12-03",
        },
        {
          name: "精车3",
          equipment: "精车空调",
          text: "风扇运转有异响",
          status: 1,
          userName: "王雪建",
          endTime:'2021-12-04',
          time: "2021-12-03",
        },
        {
          name: "精车3",
          equipment: "液压装置",
          text: "油箱滤网不完整",
          status: 1,
          userName: "尹振群",
          endTime:'2021-12-04',
          time: "2021-12-03",
        },
        {
          name: "精车3",
          equipment: "液压装置",
          text: "液位计不清晰",
          status: 1,
          userName: "尹振群",
          endTime:'2021-12-04',
          time: "2021-12-03",
        },
      ],
    };
  },
  methods: {},
};
</script>
<style scoped lang="less">
table {
  width: 100%;
  padding: 0 5px 0 3px;
  background-color: #fff;
}
table tr th {
  color: #646566;
  font-weight: 300;
  padding: 0.3rem 0.1rem;
  font-size: 0.4rem;
  border-bottom: 1px solid #7f7f7f;
}
.tips {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #ff976a;
}
table tr td {
  color: #646566;
  padding: 16px 0;
  text-align: center;
  font-size: 0.373333rem;
  border-bottom: 1px solid #7f7f7f;

  button {
    border-radius: 5px;
    padding: 4px 5px;
    border: none;
    color: #fff;
    background-color: #169bd5;
  }
}
</style>